<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="utf-8" />
        <title>用户信息添加</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
        <meta content="" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <!-- App favicon -->
        <link rel="shortcut icon" href="../assets/images/favicon.ico" th:href="@{/assets/images/favicon.ico}">

        <!-- App css -->
        <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}" />
        <link href="../assets/css/jquery-ui.min.css" rel="stylesheet" th:href="@{/assets/css/jquery-ui.min.css}">
        <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" th:href="@{/assets/css/icons.min.css}" />
        <link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" th:href="@{/assets/css/metisMenu.min.css}"/>
        <link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" th:href="@{/assets/css/app.min.css}"/>

    </head>

    <body>

    <div th:replace="~{common/top-nav::top-nav}"></div>
    <!-- Top Bar Start -->
    <div th:replace="~{common/left-side-nav::left-side-nav}"></div>
    <!-- end left-sidenav-->

        <div class="page-wrapper">
            <!-- Page Content-->
            <div class="page-content">

                <div class="container-fluid">
                    <!-- Page-Title -->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="page-title-box">
                                <div class="float-right">
                                    <ol class="breadcrumb">
                                        <li class="breadcrumb-item"><a href="javascript:void(0);">办公自动化</a></li>
                                        <li class="breadcrumb-item"><a href="javascript:void(0);">用户管理</a></li>
                                        <li class="breadcrumb-item active">用户添加</li>
                                    </ol>
                                </div>
                                <h4 class="page-title">用户添加</h4>
                            </div><!--end page-title-box-->
                        </div><!--end col-->
                    </div>
                    <!-- end page title end breadcrumb -->
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                    <div class="col-lg-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <h2 class="mt-0 header-title">添加用户信息</h2>
                                                <p class="text-muted mb-3"></p>
                                                <form th:action="@{/user/user_add}" method="post">
                                                    <div class="form-group">
                                                        <label for="name">用户名</label>
                                                        <input type="text" class="form-control"
                                                               id="name" name="name"
                                                               th:value="${user != null ? user.name : ''}"
                                                               aria-describedby="emailHelp" placeholder="请输入用户名">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="nickName">昵称</label>
                                                        <input type="text" class="form-control"
                                                               id="nickName" name="nickName"
                                                               th:value="${user != null ? user.nickName : ''}"
                                                               aria-describedby="emailHelp" placeholder="请输入昵称">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="password">密码</label>
                                                        <input type="password" class="form-control"
                                                               id="password" name="password"
                                                               th:value="${user != null ? user.password : ''}"
                                                               placeholder="请输入密码">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="role">用户等级</label>
<!--                                                        <input type="text" class="form-control"-->
<!--                                                               id="role" name="role"-->
<!--                                                               th:value="${user != null ? user.role : ''}"-->
<!--                                                               aria-describedby="emailHelp" placeholder="请输入用户等级">-->

                                                            <select class="form-control" id="role" name="role"
                                                                    th:value="${user != null ? user.role : ''}">
                                                                <option selected >请选择用户等级</option>
                                                                <option>普通用户</option>
                                                                <option>管理员</option>
                                                            </select>

                                                    </div>

                                                    <button type="submit"
                                                            class="btn btn-gradient-primary">提交</button>
                                                    <button type="reset"
                                                            class="btn btn-gradient-danger">重置</button>
                                                </form>
                                            </div><!--end card-body-->
                                        </div><!--end card-->
                                    </div>

                                    <!--end table-->
                                </div><!--end card-body-->
                            </div><!--end card-->
                        </div> <!-- end col -->
                    </div> <!-- end row -->

                    <!-- end row -->

                </div><!-- container -->

                <footer class="footer text-center text-sm-left">
                    &copy; 2022办公自动化 <span class="text-muted d-none d-sm-inline-block float-right"><i class="mdi mdi-heart text-danger"></i> 来自 <a href="#">4228</a></span>
                </footer><!--end footer-->
            </div>
            <!-- end page content -->
        </div>
        <!-- end page-wrapper -->




        <!-- jQuery  -->
        <script src="../assets/js/jquery.min.js" th:src="@{/assets/js/jquery.min.js}"></script>
        <script src="../assets/js/jquery-ui.min.js" th:src="@{/assets/js/jquery-ui.min.js}"></script>
        <script src="../assets/js/bootstrap.bundle.min.js" th:src="@{/assets/js/bootstrap.bundle.min.js}"></script>
        <script src="../assets/js/metismenu.min.js" th:src="@{/assets/js/metismenu.min.js}"></script>
        <script src="../assets/js/waves.js" th:src="@{/assets/js/waves.js}"></script>
        <script src="../assets/js/feather.min.js" th:src="@{/assets/js/feather.min.js}"></script>
        <script src="../assets/js/jquery.slimscroll.min.js" th:src="@{/assets/js/jquery.slimscroll.min.js}"></script>

        <script src="../../plugins/tiny-editable/mindmup-editabletable.js" th:src="@{/../plugins/tiny-editable/mindmup-editabletable.js}"></script>
        <script src="../../plugins/tiny-editable/numeric-input-example.js" th:src="@{/../plugins/tiny-editable/numeric-input-example.js}"></script>
        <script src="../../plugins/bootable/bootstable.js" th:src="@{/../plugins/bootable/bootstable.js}"></script>
        <script src="../assets/pages/jquery.tabledit.init.js" th:src="@{/assets/pages/jquery.tabledit.init.js}"></script>

        <!-- App js -->
        <script src="../assets/js/app.js" th:src="@{/assets/js/app.js}"></script>

         <script>
             // 为表单注册提交事件
             $('form.needs-validation').submit(function (enevt) {
                 // 调用表单对象的验证方法。如果验证方法返回true，说明表单所有的域都填写正确。否则返回false
                 if (this.checkValidity() === false){
                     // 为表单添加注册失败后的样式
                     $(this).addClass('was-validated')
                     return false;
                 }

                 return true;
             })
         </script>
        
    </body>

</html>